.Dashboard {
  width: 100%;
  height:100%;
  position: relative;
  .preLayout{
    width:100%;
  }
  .layout {
    width: 100%;
    position: absolute;
  }
  .react-grid-item{
    background:#fff!important;
  }
  .dashboardWidget {
    position: relative;
  }
  .checked,
  .dashboardWidget:hover{
    border: solid #1890ff 1px;
  }
  .wHeader{
     width:100%;
     height: 40px;
     display: flex;
     justify-content: space-between;
     align-items: center;
     position: relative;
     z-index:9;
    .titleItem{
      margin-left:10px;
    }
  }


  .preChart{
    flex:1;
  }
  .spcInfo{
    height:calc(100% - 22px);
    position: relative;
    z-index:7;
  }

  .react-grid-item>.react-resizable-handle{
    position: absolute;
    width: 20px;
    height: 20px;
    z-index:99;
  }
  .react-grid-item>.react-resizable-handle.react-resizable-handle-se{
    bottom: 0;
    right: 0;
    cursor: se-resize;
  }
}
.btn-list{
  width:56px;
  display: flex;
  flex-direction: column;
  .oprateItem{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom:6px;
  }
}
:where(.css-dev-only-do-not-override-gb96bb).ant-popover{
  z-index:999!important;
}
